<!-- 图片浏览 -->
<!-- <section class="img-slide">
  <ion-slides #imgSlides pager="true" (ionSlideDidChange)='slide()'>
    <ion-slide *ngFor="let item of data.images; let i=index">
      <ion-img [src]="item.imgUrl" appDebounceClick (debounceClick)="openImage()"></ion-img>
    </ion-slide>
  </ion-slides>
  <span class="img-label">{{currentIndex}}/{{data.images.length}}</span>

</section> -->
<div id="transfer-bg" class="transfer-bg" [ngStyle]="tagData.cssStyle | styleFilter" *ngIf=" tagData.data && tagData.data.length > 0" [ngClass]="{'bg-image-tag': tagData.showWaterImg}">
  <ng-container *ngFor="let item of tagData.data" [ngSwitch]="item.htmlStyle">

    <ng-container *ngSwitchCase="'style1'">
      <!-- 标题 -->
      <section id="detail-content" style="position: relative;" [ngStyle]="item.cssStyle | styleFilter">

        <p *ngIf="item.title" class="detatil-title" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</p>
        <div style="line-height: 1rem;  margin-bottom: 1.25rem;display: flex; align-items: center;">
          <img class="auth" [ngClass]="{'hasScarce': item.isScarce?.value === 'true'}"
            *ngIf="item.isAuthenticated?.value === 'true' && appTypeCustom==='PPW'"
            src="assets/img/lab_authentication@3x.png">

          <!-- LJ -->
          <img class="auth" [ngClass]="{'hasScarce': item.isScarce?.value === 'true'}"
            *ngIf="item.isAuthenticated?.value === 'true' && appTypeCustom==='LJ'"
            src="assets/img/lab_authentication_lj@3x.png">
          <img class="auth" *ngIf="item.isScarce?.value === 'true'"
            src="assets/icon/details_icon_xique@3x.png">
          <p class="sub-title" [innerHTML]="item.label | parseStyle">{{item.label}}</p>
        </div>
        <ng-container *ngIf="item.statusImageUrl?.length > 0 ">
          <img class="title-img-status" src="{{item.statusImageUrl}}">

        </ng-container>

      </section>
    </ng-container>

    <ng-container *ngSwitchCase="'style2'">
      <ng-container *ngIf="item.data.length > 0">

        <!-- 面积租金转让费 -->
        <section class="section-col-3" [ngStyle]="item.cssStyle | styleFilter">
          <!-- <ng-container *ngIf="item.data.length > 1">
            <hr class="main-data-line  line" style="margin-top:5px" />
          </ng-container> -->
          <ion-grid class="grid-padding">
            <ion-row class="" justify-content: center>
              <ion-col class="main-item" *ngFor="let itemInfo of item.data; let i=index" offset="0">
                <div class="sep-line" *ngIf="i > 0"></div>
                <div class="content-rigtht" [ngClass]="{'oneItem': item.data.length === 1}">

                  <p class="item-value" *ngIf="itemInfo.valueN" [innerHTML]="itemInfo.valueN | parseStyle"></p>
                  <p class="item-value" [ngStyle]="itemInfo.valueCssStyle | styleFilter">{{itemInfo.value}}<span *ngIf="itemInfo.unitOnUp === 'true'"
                      class="item-unit-up" [ngStyle]="itemInfo.unitCssStyle | styleFilter">{{itemInfo.unit}}</span>
                  </p>
                  <p class="item-label" [ngStyle]="itemInfo.labelCssStyle | styleFilter">{{itemInfo.label}}<span *ngIf="itemInfo.unitOnUp === 'false'"
                      class="item-unit-down" [ngStyle]="itemInfo.unitCssStyle | styleFilter">{{itemInfo.unit}}</span>
                  </p>

                  <!-- <span *ngIf="itemInfo.unit === 'm2'" class="item-unit">m<sup>2</sup></span> -->
                </div>
              </ion-col>
            </ion-row>
          </ion-grid>
          <hr class="main-data-line line" />
        </section>
      </ng-container>

    </ng-container>

    <ng-container *ngSwitchCase="'style2-LJ'">
      <ng-container *ngIf="item.data.length > 0">

        <!-- 面积租金转让费 -->
        <div [ngStyle]="item.cssStyle | styleFilter" style="display: flex; margin-right: 1.25rem;">
          <div *ngFor="let itemInfo of item.data; let i=index" class="style2-lj"
            [ngClass]="{'last-value': i === item.data.length - 1}">
            <p class="item-value-lj" [ngStyle]="itemInfo.valueCssStyle | styleFilter">{{itemInfo.value}}<span *ngIf="itemInfo.unitOnUp === 'true'"
                class="item-unit-up-lj" [ngStyle]="itemInfo.unitCssStyle | styleFilter">{{itemInfo.unit}}</span>
            </p>
            <p class="item-label-lj" [ngStyle]="itemInfo.labelCssStyle | styleFilter">{{itemInfo.label}}<span *ngIf="itemInfo.unitOnUp === 'false'"
                class="item-unit-down-lj" [ngStyle]="itemInfo.unitCssStyle | styleFilter">{{itemInfo.unit}}</span>
            </p>
          </div>
        </div>

        <hr class="line-lj"  [ngStyle]="item.textCssStyle | styleFilter"/>

      </ng-container>

    </ng-container>

    <ng-container *ngSwitchCase="'style3'">
      <!-- 物业类型 目前经营  地址  1 列通用 物业信息 租约信息 转让信息-->
      <ng-container *ngIf="item.data.length > 0 ">
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <h1 *ngIf="item.title && item.title.length > 0" class="title">{{item.title}}<span
              *ngIf="item.tips && item.tips.length > 0" class="title-tips">{{item.tips}}</span></h1>
          <ng-container *ngIf="item.statusImageUrl?.length > 0 ">
            <img class="img-deal" [ngClass]="{'img-deal-service': item.data[0].dataType === 'serviceTypeIcon'}"
              src="assets/icon/detail_icon_deal@3x.png">

          </ng-container>
          <ion-grid class="grid-padding">
            <ion-row class="ion-align-items-start">
              <ion-col>
                <h1 *ngIf="item.info && item.info.length > 0" class="second-title">{{item.info}}</h1>
              </ion-col>


              <ng-container *ngFor="let itemInfo of item.data; let i=index">

                <ion-col
                  *ngIf="(itemInfo.value != null || itemInfo.value != undefined) && itemInfo.dataType === 'gradeType'"
                  offset="0" class="main-item" size="12">
                  <p class="item-label"> {{itemInfo.label}}</p>
                  <p class="item-value gradeType">
                    <app-rating [rate]="itemInfo.grade"></app-rating>
                    {{itemInfo.value}}
                  </p>
                  <div id='ion-col-1'></div>
                  <img *ngIf="itemInfo.gradeInfo?.length > 0" style="width:0.56rem;height:0.38rem;margin-left:1.25rem;"
                    src="assets/icon/detail_icon_triangle@3x.png">
                  <p *ngIf="itemInfo.gradeInfo?.length > 0" class="grade-info">
                    {{itemInfo.gradeInfo}}
                  </p>
                </ion-col>


                <ion-col
                  *ngIf="(itemInfo.value != null || itemInfo.value != undefined) && (itemInfo.dataType !== 'gradeType') && (itemInfo.dataType !== 'serviceContentType') && (itemInfo.dataType !== 'serviceType') && (itemInfo.dataType !== 'serviceTypeIcon') && (itemInfo.dataType !== 'addressTypeCard') && (itemInfo.dataType !== 'tagType') && (itemInfo.dataType !== 'buttonType') && (itemInfo.dataType !== 'noneType') && (itemInfo.dataType !== 'identityType')"
                  offset="0" class="main-item" size="12">
                  <p class="item-label" [ngClass]="{'auto-lable': !(itemInfo.value?.length > 0)}">{{itemInfo.label}}</p>
                  <p class="item-value"
                    [ngClass]="{'hide-value': !(itemInfo.value?.length > 0), 'addressType': itemInfo.dataType === 'addressType','moreLineType': itemInfo.dataType === 'moreLineType','mosaic': itemInfo.mosaic === 'true'}"
                    appDebounceClick (debounceClick)="showMap(itemInfo.link)">{{itemInfo.value}}<span class="mosaic-n"
                      *ngIf="itemInfo.valueN">{{itemInfo.valueN}}</span><span class="item-unit">{{itemInfo.unit}}</span>
                    <span class="item-status" *ngIf="itemInfo.dataType == 'operationType'"> {{itemInfo.status}}</span>
                  </p>
                  <img class="item-img" *ngIf="itemInfo.dataType === 'addressType'"
                    src="assets/img/details_icon_map@3x.png" appDebounceClick (debounceClick)="showMap(itemInfo.link)">
                  <p class="item-value item-taglabel" *ngIf="itemInfo.tagLabel && itemInfo.tagLabel.length > 0">
                    {{itemInfo.tagLabel}}</p>
                </ion-col>
                <div id='ion-col-1'></div>
                <ion-col *ngIf="itemInfo.dataType === 'identityType'" size="12" offset="0" class="main-item">
                  <p class="item-label" [ngClass]="{'auto-lable': !(itemInfo.value?.length > 0)}">{{itemInfo.label}}</p>
                  <p class="item-value" style="line-height: 26px;">{{itemInfo.showValue}}
                  </p>
                  <span class="eye" [ngClass]="{'eyeshow': !itemInfo.hide}" appDebounceClick (debounceClick)="showHide(itemInfo)"></span>
                </ion-col>

                <p *ngIf="itemInfo.dataType === 'noneType'" style="height: 0.75rem; width: 100%;"></p>
                <!-- buttonType -->
                <ion-col *ngIf="itemInfo.dataType === 'buttonType'" size="12">

                  <div *ngIf="itemInfo.label && itemInfo.label.length > 0" class="button-type"
                    appDebounceClick (debounceClick)="showMap(itemInfo.link)">
                    {{itemInfo.label}}
                  </div>
                </ion-col>

                <!-- 卡片地址栏 -->
                <ion-col *ngIf="itemInfo.dataType === 'addressTypeCard'" size="12">

                  <div *ngIf="itemInfo.value.length > 0" class="card-bg" appDebounceClick (debounceClick)="showMap(itemInfo.link)" [ngStyle]="itemInfo.subLabelCssStyle | styleFilter">
                    <span>{{itemInfo.label}}</span> {{itemInfo.value}}
                    <img class="card-img" [ngStyle]="itemInfo.imgCssStyle | styleFilter" [src]="itemInfo.img" onerror="this.src='assets/img/details_icon_map@3x.png'">
                  </div>
                </ion-col>

                <ion-col *ngIf="itemInfo.dataType === 'serviceContentType'" size="12">
                  <p class="item-label"> {{itemInfo.label}}</p>

                  <div id='ion-col-1'></div>
                  <img style="width:0.56rem;height:0.38rem;margin-left:1.25rem;"
                    src="assets/icon/detail_icon_triangle@3x.png">

                  <div *ngIf="itemInfo.items?.length > 0" class="service-info" style="padding-bottom: 0.03rem"
                    size="12">
                    <ul>
                      <li class="service-li" *ngFor="let sItem of itemInfo.items">
                        <div class="service-title">
                          <p>{{sItem.label}}</p>
                        </div>
                        <p class="service-value">{{sItem.value}}</p>
                      </li>
                    </ul>
                  </div>
                  <hr style="margin-top: 1.25rem;margin-bottom: 0.94rem; border-bottom:0.04rem solid #EBEBED; ">
                </ion-col>

                <ion-col *ngIf="itemInfo.dataType === 'tagType'" size="12">
                  <p *ngIf="itemInfo.label && itemInfo.label.length > 0" class="item-label"> {{itemInfo.label}}</p>
                  <div id='ion-col-1'></div>
                  <div class="tag-item-bg" *ngIf="itemInfo.data && itemInfo.data.length > 0">
                    <ng-container *ngFor="let item of itemInfo.data">
                      <div class="tag-item" [ngStyle]="itemInfo.cssStyle | styleFilter">
                        <img class="tag-item-img" *ngIf="item.icon && item.icon.length > 0"
                          src="assets/icon/{{item.icon}}">
                        {{item.label}}
                      </div>
                    </ng-container>
                  </div>

                </ion-col>
                <ion-col *ngIf="itemInfo.dataType === 'signContentType'">
                  <p class="item-label"> {{itemInfo.label}}</p>

                  <div id='ion-col-1'></div>
                  <img style="width:0.56rem;height:0.38rem;margin-left:1.25rem;"
                    src="assets/icon/detail_icon_triangle@3x.png">

                  <div *ngIf="itemInfo.items?.length > 0" class="service-info" style="padding-bottom: 0.03rem">
                    <ul>
                      <li class="service-li" *ngFor="let sItem of itemInfo.items">
                        <div class="service-title">
                          <p>{{sItem.label}}</p>
                        </div>
                        <p class="sign-value">{{sItem.value}}</p>
                      </li>
                    </ul>
                  </div>
                  <hr style="margin-top: 1.25rem;margin-bottom: 0.94rem; border-bottom:0.04rem solid #EBEBED; ">
                </ion-col>

                <ion-col *ngIf="itemInfo.dataType === 'serviceType'">
                  <p class="item-label"> <img *ngIf="itemInfo.icon && itemInfo.icon.length > 0" class="item-icon"
                      src="assets/icon/{{itemInfo.icon}}" alt=""> {{itemInfo.label}}</p>
                  <ng-container *ngIf="itemInfo.tags">
                    <p class="item-value serviceType">
                      <app-service-tags [tags]="itemInfo.tags"></app-service-tags>
                    </p>
                  </ng-container>
                </ion-col>

                <ion-col *ngIf="itemInfo.dataType === 'serviceTypeIcon'" size="12">
                  <p class="item-service-icon">
                    <img *ngIf="itemInfo.icon && itemInfo.icon.length > 0" class="item-icon"
                      src="assets/icon/{{itemInfo.icon}}" alt=""> <span>{{itemInfo.label}}</span> <span
                      class="item-service-value">{{itemInfo.value}}</span>
                  </p>

                </ion-col>

              </ng-container>

            </ion-row>
          </ion-grid>
        </section>

      </ng-container>
    </ng-container>
    <ng-container *ngSwitchCase="'styleSep'">
      <div *ngIf="item.sepElement && item.sepElement === 'div'" class="sep-element-div"
        [ngStyle]="item.cssStyle | styleFilter"></div>
      <hr *ngIf="item.sepElement && item.sepElement === 'line'" class="sep-element-line"
        [ngStyle]="item?.cssStyle | styleFilter" />
    </ng-container>
    <ng-container *ngSwitchCase="'style4'">
      <!-- 物业信息 -->
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-col-2" [ngStyle]="item.cssStyle | styleFilter">
          <h1 *ngIf="item.title && item.title.length > 0" class="title">{{item.title}}</h1>
          <ion-grid class="grid-padding">
            <ion-row class="ion-align-items-start" style="position:relative;">
              <ion-col *ngFor="let itemInfo of item.data; let i=index" offset="0" class="main-item" size="6">
                <ng-container *ngIf="itemInfo.value!= null">
                  <div style = "display: flex; align-items: center ;" >
                    <img class="item-icon" *ngIf="itemInfo.icon"  src="{{itemInfo.icon}}" alt="" [ngStyle]="itemInfo.iconCssStyle | styleFilter">
                    <div class="item-label" [ngStyle]="itemInfo.labelCssStyle | styleFilter"> {{itemInfo.label}}
                    </div>
                    <div *ngIf="itemInfo.unit === 'm2'" class="item-value" [ngStyle]="itemInfo.valueCssStyle | styleFilter">{{itemInfo.value}}m<sup>2</sup></div>
                    <div *ngIf="itemInfo.unit != 'm2'" class="item-value" [ngStyle]="itemInfo.valueCssStyle | styleFilter">{{itemInfo.value}}{{itemInfo.unit}}</div>
                  </div>
                  
                </ng-container>
              </ion-col>
              <p *ngIf="item.data && item.data[0].subLabel" [ngStyle]="item.data[0].subLabelCssStyle | styleFilter"  class="style4-divider-line"></p>
            </ion-row>
          </ion-grid>
        </section>
        <hr *ngIf="appTypeCustom =='PPW'" class="line"
          style="margin-left:1.25rem;margin-right:1.25rem;margin-top: 0.375rem;margin-bottom:1rem;" />
      </ng-container>
    </ng-container>

    <ng-container *ngSwitchCase="'style4-oneLine'">
      <!-- 物业信息 占全1行 -->
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-col-one" [ngStyle]="item.cssStyle | styleFilter">
          <h1 *ngIf="item.title && item.title.length > 0" class="title">{{item.title}}</h1>
          <ng-container *ngFor="let itemInfo of item.data; let i=index">
            <p *ngIf="itemInfo.value != null" class="main-item" [ngClass]="{'custom-item': itemInfo.label===''}" style = "display: flex; align-items: center ;">
              <img class="item-icon" *ngIf="itemInfo.icon"  src="{{itemInfo.icon}}" alt="" [ngStyle]="itemInfo.iconCssStyle | styleFilter">

              <span class="item-label min-width" [ngStyle]="itemInfo.labelCssStyle | styleFilter"> {{itemInfo.label}}</span>
              <span *ngIf="itemInfo.unit === 'm2'" [ngStyle]="itemInfo.valueCssStyle | styleFilter" class="item-value">{{itemInfo.value}}m<sup>2</sup></span>
              <span *ngIf="itemInfo.unit != 'm2'" [ngStyle]="itemInfo.valueCssStyle | styleFilter"
                class="item-value multi-line">{{itemInfo.value}}{{itemInfo.unit}}</span>
            </p>
          </ng-container>

        </section>
      </ng-container>
    </ng-container>
    <!-- 物业配套：可明火=1;上水=2;380V=3;煤气管道=4;排烟管道=5;排污管道=6;停车位=7;产权=8;证件齐全=9；下水=10；天然气=11；外摆区=12；客梯=13；货梯=14；扶梯=15；中央空调=16 。 多选可用逗号隔开
      -->
    <ng-container *ngSwitchCase="'style5'">
      <!-- 物业配套 -->
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <div class="propert-set">{{item.title}}</div>
          <ion-grid class="grid-padding">
            <ion-row class="ion-align-items-start" *ngIf="item.data.length > 4">
              <!-- 留一个位置给’全部‘ -->
              <ion-col class="main-item" *ngFor="let itemInfo of (item.data.slice(0,5)); let i=index" offset="0"
                size="12/5">
                <div class="property-set-icon" *ngIf="i &lt; 4">
                  <ng-container [ngSwitch]="itemInfo.code">
                    <!-- 可明火=1 -->
                    <ng-container *ngSwitchCase="1">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_fire@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_fire_lj@3x.png'>
                    </ng-container>
                    <!-- 上水=2; -->
                    <ng-container *ngSwitchCase="2">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_water@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_water_lj@3x.png'>
                    </ng-container>
                    <!-- 380V=3; -->
                    <ng-container *ngSwitchCase="3">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_v@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_v_lj@3x.png'>
                    </ng-container>
                    <!-- 煤气管道 -->
                    <ng-container *ngSwitchCase="4">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_gas@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_gas_lj@3x.png'>
                    </ng-container>
                    <!-- 排烟管道 -->
                    <ng-container *ngSwitchCase="5">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_smoke@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_smoke_lj@3x.png'>
                    </ng-container>
                    <!-- 排污管道 -->
                    <ng-container *ngSwitchCase="6">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_sewage@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_sewage_lj@3x.png'>
                    </ng-container>
                    <!-- 停车位 -->
                    <ng-container *ngSwitchCase="7">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_parking@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_parking_lj@3x.png'>
                    </ng-container>
                    <!-- 产权 -->
                    <ng-container *ngSwitchCase="8">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_property@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_property_lj@3x.png'>
                    </ng-container>
                    <!-- 证件齐全=9； -->
                    <ng-container *ngSwitchCase="9">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_certificates@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_certificates_lj@3x.png'>
                    </ng-container>

                    <!-- 下水=10； -->
                    <ng-container *ngSwitchCase="10">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_launch@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_launch_lj@3x.png'>
                    </ng-container>
                    <!-- 天然气=11； -->
                    <ng-container *ngSwitchCase="11">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_natural gas@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_natural gas_lj@3x.png'>
                    </ng-container>
                    <!-- 外摆区=12； -->
                    <ng-container *ngSwitchCase="12">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_outering@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_outering_lj@3x.png'>
                    </ng-container>
                    <!-- 客梯=13； -->
                    <ng-container *ngSwitchCase="13">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_elevator@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_elevator_lj@3x.png'>
                    </ng-container>
                    <!-- 货梯=14； -->
                    <ng-container *ngSwitchCase="14">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_ cargo lift@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_ cargo lift_lj@3x.png'>
                    </ng-container>
                    <!-- 扶梯=15；  -->
                    <ng-container *ngSwitchCase="15">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_escalator@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_escalator_lj@3x.png'>
                    </ng-container>
                    <!-- 中央空调=16 -->
                    <ng-container *ngSwitchCase="16">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_air@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_air_lj@3x.png'>
                    </ng-container>
                  </ng-container>
                  <p> {{itemInfo.label}}</p>
                </div>
                <div class="property-set-icon" *ngIf="i === 4" appDebounceClick (debounceClick)="allPropertySet(item.data)">
                  <p id="all-set" style="margin:auto">全部</p>
                </div>
              </ion-col>
            </ion-row>
            <ion-row class="ion-align-items-start" *ngIf=" item.data.length &lt;= 4">
              <ion-col class="main-item" *ngFor="let itemInfo of item.data; let i=index" offset="0" size="12/5">
                <div class="property-set-icon">
                  <ng-container [ngSwitch]="itemInfo.code">
                    <!-- 可明火=1 -->
                    <ng-container *ngSwitchCase="1">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_fire@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_fire_lj@3x.png'>
                    </ng-container>
                    <!-- 上水=2; -->
                    <ng-container *ngSwitchCase="2">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_water@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_water_lj@3x.png'>
                    </ng-container>
                    <!-- 380V=3; -->
                    <ng-container *ngSwitchCase="3">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_v@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_v_lj@3x.png'>
                    </ng-container>
                    <!-- 煤气管道 -->
                    <ng-container *ngSwitchCase="4">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_gas@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_gas_lj@3x.png'>
                    </ng-container>
                    <!-- 排烟管道 -->
                    <ng-container *ngSwitchCase="5">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_smoke@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_smoke_lj@3x.png'>
                    </ng-container>
                    <!-- 排污管道 -->
                    <ng-container *ngSwitchCase="6">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_sewage@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_sewage_lj@3x.png'>
                    </ng-container>
                    <!-- 停车位 -->
                    <ng-container *ngSwitchCase="7">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_parking@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_parking_lj@3x.png'>
                    </ng-container>
                    <!-- 产权 -->
                    <ng-container *ngSwitchCase="8">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_property@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_property_lj@3x.png'>
                    </ng-container>
                    <!-- 证件齐全=9； -->
                    <ng-container *ngSwitchCase="9">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_certificates@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_certificates_lj@3x.png'>
                    </ng-container>

                    <!-- 下水=10； -->
                    <ng-container *ngSwitchCase="10">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_launch@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_launch_lj@3x.png'>
                    </ng-container>
                    <!-- 天然气=11； -->
                    <ng-container *ngSwitchCase="11">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_natural gas@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_natural gas_lj@3x.png'>
                    </ng-container>
                    <!-- 外摆区=12； -->
                    <ng-container *ngSwitchCase="12">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_outering@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_outering_lj@3x.png'>
                    </ng-container>
                    <!-- 客梯=13； -->
                    <ng-container *ngSwitchCase="13">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_elevator@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_elevator_lj@3x.png'>
                    </ng-container>
                    <!-- 货梯=14； -->
                    <ng-container *ngSwitchCase="14">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_ cargo lift@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'"
                        src='assets/icon/facilities_icon_ cargo lift_lj@3x.png'>
                    </ng-container>
                    <!-- 扶梯=15；  -->
                    <ng-container *ngSwitchCase="15">

                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_escalator@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_escalator_lj@3x.png'>
                    </ng-container>
                    <!-- 中央空调=16 -->
                    <ng-container *ngSwitchCase="16">
                      <img *ngIf="appTypeCustom==='PPW'" src='assets/icon/facilities_icon_air@3x.png'>
                      <img *ngIf="appTypeCustom==='LJ'" src='assets/icon/facilities_icon_air_lj@3x.png'>
                    </ng-container>
                  </ng-container>
                  <p> {{itemInfo.label}}</p>
                </div>
              </ion-col>
            </ion-row>
          </ion-grid>
        </section>
        <hr class="line" style="margin-left:1.25rem;margin-right:1.25rem;margin-top: 0.775rem;" />
      </ng-container>
    </ng-container>

    <ng-container *ngSwitchCase="'style6'">

      <!-- 专属顾问 -->
      <!-- 展示信息：顾问头像、顾问名称，点击人物头像部分可跳转到页面 小旺用户端#员工详情 查看人物详情
      “立即咨询”按钮，点击弹窗询问是否拨打顾问电话，文案：顾问名称 + 空格 + 顾问电话号码
    -->
      <ng-container *ngIf="item.data != undefined">
        <section class=" section-col-1" [ngStyle]="item.cssStyle | styleFilter">

          <h1 class="title" *ngIf="item.title">{{item.title}}</h1>
          <div id="consultant" [ngClass]="{'consultant-deal': item.label && item.label.length >0 }"
            *ngIf="item.data != undefined">
            <p class="consultant-label" *ngIf="item.label && item.label.length >0 ">
              <img class="consultant-icon" src="assets/icon/{{item.icon}}" alt="">
              <span>{{item.label && item.label}}</span>
            </p>
            <div id="consultant-avatar" appDebounceClick (debounceClick)="showUserInfo()">
              <img src={{item.data[0].avatarUrl}} onerror="this.src='assets/img/headtrait.png'">
            </div>
            <div id="consultant-content">
              <div id="consultant-name" appDebounceClick (debounceClick)="showUserInfo()">
                {{item.data[0].userName}}<span id="consultant-label" *ngIf="item.data[0].userTag">
                  {{item.data[0].userTag}} </span>
              </div>
              <div id="consultant-more">
                {{item.data[0].moreInfo.length ? item.data[0].moreInfo : item.data[0].button.phone}}
              </div>
            </div>
            <!-- <div id="consultant-call" appDebounceClick (debounceClick)="callConsultantNow(item.data[0])">
              <img src="assets/img/details_icon_telephone@3x.png">
              <p>
                {{item.data[0].button.label}}
              </p>
            </div> -->
            <div class="immediate-audit-box" align="right">
              <a appDebounceClick (debounceClick)="callConsultantNow(item.data[0])" class="immediate-audit">
                <img *ngIf="appTypeCustom==='LJ'" style="height: 2.25rem;width:2.25rem;"
                  src="assets/icon/expert_icon_phone_laijian@3x.png">
                <img *ngIf="appTypeCustom==='PPW'" style="height: 2.25rem;width:2.25rem;"
                  src="assets/icon/expert_icon_phone@3x.png">
              </a>
            </div>
          </div>
        </section>
      </ng-container>

    </ng-container>

    <ng-container *ngSwitchCase="'style7'">
      <ng-container *ngIf="item.data.length > 0">
        <!-- 描述 -->
        <section id="{{descriptionSectionId}}" class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title">{{item.title}}</h1>
          <div id='desc' [innerHTML]="item.data[0].value | parseStyle"></div>
          <!-- <div id="all">{{item.data[0].showLabel}}</div> -->
        </section>
      </ng-container>

    </ng-container>

    <ng-container *ngSwitchCase="'style8'">
      <ng-container *ngIf="item.data.length > 0">
        <!-- 转店过程 -->
        <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
          <div style="margin-top: 35px; margin-bottom: 1.25rem; height: 1.25rem;">
            <h1 class="title" style="display: inline;">{{item.title}}</h1>
            <div *ngIf="item.action" class="fr" style="text-align: right;">
              <h1 class="action-label " appDebounceClick (debounceClick)="actionClick(item.action.link)">{{item.action.label}}</h1>
              <i class="detail-icon fr"></i>
            </div>
          </div>
          <!-- <hr class="line" style="margin-top:1.25rem;margin-bottom:0.94rem; clear: both;" /> -->
          <div id='transfer-info'>{{item.data[0].label}}</div>
          <ng-container *ngIf="item.data[0].images?.length > 0">
            <ion-slides #imgSlides id="imgSlides" pager="true" [options]="slideOptions" (ionSlideDidChange)='slide()'>
              <ion-slide *ngFor="let image of item.data[0].images; let i=index">
                <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage_url(index, item.data[0].images)">
              </ion-slide>
            </ion-slides>
          </ng-container>

        </section>
      </ng-container>

    </ng-container>

    <ng-container *ngSwitchCase="'style9'">
      <ng-container *ngIf="item.data.length > 0">
        <!-- 店铺详情 -->
        <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title">{{item.title}}</h1>

          <div class='shop-info-bg' appDebounceClick (debounceClick)="toShopDetail(item.data[0].link)">
            <div class="shop-left" [ngClass]="{'shop-img': item.data[0].imageUrl.length > 0 }">
              <ng-container *ngIf="item.data[0].imageUrl.length > 0">
                <img src="{{item.data[0].imageUrl}}" style="object-fit: cover; height: 4.25rem; width:5.63rem;">
              </ng-container>
            </div>

            <div class="shop-right">
              <p class="shop-title">{{item.data[0].title}}<span *ngIf="item.data[0].tag?.length > 0"
                  class="shop-tag">{{item.data[0].tag}}</span></p>
              <p class="shop-info">{{item.data[0].info}}</p>
              <span class="shop-area">{{item.data[0].area}}</span>
              <span class="shop-rent">{{item.data[0].rent}}</span>
            </div>
          </div>
        </section>
      </ng-container>

    </ng-container>

    <!-- 店铺证件 -->
    <ng-container *ngSwitchCase="'style10'">
      <ng-container *ngIf="item.data && item.data.length > 0">
        <section class="section-45" style="padding-right: 0px;" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title">{{item.title}}</h1> 
          
            <div class="ul-bg">
              <ul class="ul-photo">
                <li class="item-photo" *ngFor="let it of item.data, let i=index " appDebounceClick (debounceClick)="openImage(i,item.data)">
                  <img class="photo" src="{{it.imageUrl}}" />
                  <p class="item-title">{{it.title}}</p>
                </li>
              </ul>
            </div>

          <!-- <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage(index, item.data[0].images)"> -->
        </section>
      </ng-container>
      <ng-container *ngIf="item.images && item.images.length > 0">
        <section class="section-45" style="padding-right: 0px;" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title" *ngIf="item.title">{{item.title}}</h1>
            <div class="style10-img-list-bg" [ngStyle]="item.valueCssStyle | styleFilter">
              <img class="style10-photo" [ngStyle]="item.imageCssStyle | styleFilter" src="{{it}}" *ngFor="let it of item.images, let i=index " appDebounceClick (debounceClick)="openImage_url(i,item.images)"/>
            </div>
          <!-- <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage(index, item.data[0].images)"> -->
        </section>
      </ng-container>
    </ng-container>
    <!-- 招商详情头部信息 -->
    <ng-container *ngSwitchCase="'style11'">
      <div class="investment-header" [ngStyle]="item.cssStyle | styleFilter">
        <div>
          <div style="float: left;height: 3rem; width: 4rem;">
            <img class="investment-header-logo" src="{{item.logo}}">
          </div>
          <div
            [ngClass]="{'no-sonsociation': item.sonsociation?.value !== 'true' && (!item.label || item.label.length === 0)}"
            class="right-content" *ngIf="item.sonsociation">
            <p class="cp-au"><span class="cp-name" *ngIf="item.title">{{item.title}}</span><span
                *ngIf="item.isAuthenticated?.value === 'true'" class="investment-auth-label">{{item.isAuthenticated.label}}</span>
            </p>
            <p *ngIf="item.sonsociation?.value === 'true'" style="display: flex;
            align-items: center;"><span class="sonsociation-tag">{{item.sonsociation.tag}}</span><span
                class="sonsociation-label">{{item.sonsociation.label}}</span></p>
            <p class="investment-header-label" *ngIf="item.label && item.label.length" [innerHTML]="item.label | parseStyle"></p>
          </div>
        </div>
        <p class="info" *ngIf="item.info" [ngClass]="{'no-info': !item.info || item.info.length === 0 }">{{item.info}}
        </p>

        <ul class="data-ul" *ngIf="item.data">
          <li class="data-li" *ngFor="let info of item.data;let i=index">
            <p class="data-label">{{info.label}}</p>
            <p [ngClass]="{'og-value': i === 0}" class="data-value">{{info.value}}</p>
          </li>
        </ul>
        <div style="height: 0.88rem; width: auto;"></div>
      </div>

    </ng-container>
    <!-- 招商详情申请加盟 -->
    <ng-container *ngSwitchCase="'style12'">

      <div class="join-bg" [ngStyle]="item.cssStyle | styleFilter">
        <div class="join-bg-img">
          <img src="assets/icon/join_icon@3x.png" alt="">
        </div>
        <div class="join-left">
          <p class="join-title">{{item.title}}</p>
          <p class="join-info">{{item.info}}</p>
        </div>
        <div class="join-right">
          <p appDebounceClick (debounceClick)="join(item.action.link)" class="join-action">{{item.action.label}}</p>
        </div>
      </div>
    </ng-container>
    <!-- 招商详情图文详情- 富文本正常展示 -->
    <ng-container *ngSwitchCase="'style13'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
        <div class="imgicon" *ngIf="item.title && item.title.length > 0">
          <div class="imgbg"></div>
          <h1 class="title image-text-title" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</h1>
        </div>
        <div class="image-text" *ngIf="item.imageText && item.imageText.length > 0"
          [innerHTML]="item.imageText | parseStyle" appDebounceClick (debounceClick)="imageChange($event)">
        </div>
        <!-- 富文本图片放大 -->
          <!-- <div
          class="imgDolg"
          *ngIf="showBigImg"
          appDebounceClick (debounceClick)="hideBigImg($event)" >
          
          <img appDebounceClick (debounceClick)="showImg($event)" src="{{showCurrentImg}}" />
        </div> -->
      </section>
    </ng-container>
    <!-- 招商详情-公司信 -->
    <ng-container *ngSwitchCase="'style14'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
        <div class="cp-info-bg" appDebounceClick (debounceClick)="companyInfo(item.action.link)">
          <div class="fl cp-icon"><img src="assets/icon/join_icon_cp@3x.png" alt=""
              style="vertical-align: baseline;"></div>
          <span class="cp-title">{{item.title}}</span>
          <img class="arrow-right" src="assets/img/arrow_right.png" alt="">
        </div>

      </section>
    </ng-container>
    <!-- 公司详情-简介 / 方案详情方案说明 -->
    <ng-container *ngSwitchCase="'style15'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
        <h1 *ngIf="item.title && item.title.length > 0" class="title image-text-title">{{item.title}}</h1>
        <p class="cp-text-info" *ngIf="item.info && item.info.length > 0" [ngStyle]="item.valueCssStyle | styleFilter">
          {{item.info}}</p>
      </section>
    </ng-container>

    <!-- 装修方案详情-头部 -->
    <ng-container *ngSwitchCase="'style16'">
      <section class="section-pading-15" [ngStyle]="item.cssStyle | styleFilter">
        <div class="design-bg">
          <p class="design-title">{{item.title}}</p>
          <ul class="design-ul" style="height: auto;">
            <li class="design-li" *ngFor="let info of item.data;let i=index">
              <p [ngClass]="{'rigth-p10': i === 3}" class="design-label">{{info.label}}</p>
              <p [ngClass]="{'rigth-p10': i === 3,'number-font': i === 1}" class="design-value">{{info.value}}</p>
            </li>
          </ul>
        </div>
      </section>

    </ng-container>
    <!-- 装修详情-公司信息 -->
    <ng-container *ngSwitchCase="'style17'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">

        <div class="design-cp-info-bg" appDebounceClick (debounceClick)="companyInfo(item.link)">
          <img class="style17-logo" src="{{item.logo}}" [ngStyle]="item.link.params.logoCssStyle | styleFilter">
      
          <div class="design-cp-right-content" [ngStyle]="item.link.params.contentCssStyle | styleFilter">
            <p class="cp-au"><span class="cp-name" [ngStyle]="item.link.params.titleCssStyle | styleFilter">{{item.title}}</span><span
                *ngIf="item.isAuthenticated?.value === 'true'" class="auth-label">{{item.isAuthenticated.label}}</span>
            </p>
            <p *ngIf="item.info" class="design-cp-info" [ngStyle]="item.link.params.infoCssStyle | styleFilter">{{item.info}}</p>
          </div>
          <img class="design-cp-arrow-right" src="assets/img/arrow_right.png" alt="" [ngStyle]="item.link.params.rightIconCssStyle | styleFilter">
        </div>

      </section>
    </ng-container>

    <!-- 户型图 -->
    <ng-container *ngSwitchCase="'style18'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
        <h1 *ngIf="item.title && item.title.length > 0" class="title image-text-title">{{item.title}}</h1>

        <ng-container *ngIf="item.data[0].images?.length > 0">
          <div style="text-align: center;" *ngFor="let image of item.data[0].images; let i=index">
            <img *ngIf="!(i>2)" class="design-img" [ngClass]="{'design-img-last': i === item.data[0].images.length - 1}"
              [src]="image">
          </div>
        </ng-container>

      </section>
    </ng-container>

    <!-- 整体效果长图 -->
    <ng-container *ngSwitchCase="'style19'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">
        <div class="imgicon">
          <div class="imgbg"></div>
          <h1 *ngIf="item.title && item.title.length > 0" class="title image-text-title">{{item.title}}</h1>
        </div>
        <img class="long-image" [src]="item.longImageUrl">
      </section>
    </ng-container>

    <!-- 装修公司主页-头部 -->
    <ng-container *ngSwitchCase="'style20'">
      <section class="section-45" [ngStyle]="item.cssStyle | styleFilter">

        <div class="decoration-cp-info-bg">
          <div class="fl decoration-cp-icon">
            <img class="decoration-cp-info-bg-logo" src="{{item.logo}}">
          </div>

          <div class="decoration-cp-right-content">
            <p class="cp-au"><span class="cp-name">{{item.title}}</span><span
                *ngIf="item.isAuthenticated?.value === 'true'" class="auth-label">{{item.isAuthenticated.label}}</span>
            </p>
            <p *ngIf="item.info" class="decoration-cp-info">{{item.info}}<span
                style="color: #FF6314;">{{item.price}}</span></p>
          </div>

        </div>
        <div id='ion-col-1'></div>
        <hr style="height:0.03rem;background:rgba(235,235,237,1);margin-top: 1.25rem;">

      </section>
    </ng-container>
    <!-- 装修公司主页-方案列表最多6个 -->
    <ng-container *ngSwitchCase="'style21'">
      <section class="section-45" style="padding-right: 0px;" [ngStyle]="item.cssStyle | styleFilter">
        <div style="margin-top: 35px;  height: 1.25rem;">
          <h1 class="title" style="display: inline;">{{item.title}}</h1>
          <div appDebounceClick (debounceClick)="actionClick(item.link)" class="fr" style="text-align: right; margin-right: 1.25rem;">
            <h1 class="action-label ">全部({{item.total}})</h1><i class="detail-icon fr"></i>
          </div>
        </div>
        <ng-container *ngIf="item.data.length > 0">
          <div class="design-ul-bg">
            <ul class="design-ul">
              <li class="design-item" *ngFor="let it of item.data, let i=index " appDebounceClick (debounceClick)="actionClick(it.link)">
                <img class="design-item-img" src="{{it.imageUrl}}" />
                <p class="design-item-title">{{it.label}}</p>
                <p class="design-item-area">{{it.area}}</p>

              </li>
            </ul>
          </div>
        </ng-container>
      </section>
    </ng-container>

    <!-- 成功 招商详情头部信息 -->
    <ng-container *ngSwitchCase="'style22'">
      <div class="investment-header" [ngStyle]="item.cssStyle | styleFilter">
        <div>
          <div style="float: left;height: 3rem; width: 4rem;">
            <img class="investment-header-logo" src="{{item.logo}}">
          </div>

          <div [ngClass]="{'no-sonsociation': item.sonsociation?.value !== 'true'}" class="right-content">
            <p class="au-cp success"><span class="cp-name">{{item.title}}</span><span
                *ngIf="item.isAuthenticated?.value === 'true'"
                class="investment-auth-label">{{item.isAuthenticated.label}}</span><span
                *ngIf="item.sonsociation?.value === 'true'"
                class="sonsociation-tag success">{{item.sonsociation.tag}}</span></p>
            <p class="success sub-title">{{item.info}}</p>
          </div>
        </div>


        <div class="shop-bg" *ngIf="item.data && item.data.length">
          <div class="tag-bg">
            <p class="tag-label">{{item.data[0].tag}}</p>
          </div>
          <div appDebounceClick (debounceClick)="actionClick(item.data[0].action.link)" class="fr"
            style="text-align: right; margin-top: 1.13rem; margin-right: 1.25rem; line-height:0.81rem;">
            <h1 class="success-action-label">{{item.data[0].action.label}}</h1><i class="success-more-icon "></i>
          </div>
          <div style="clear: both;"></div>
          <div style="margin-top:1.69rem; padding: 0 1.25rem;">
            <div class="success-shop-left">
              <img src="{{item.data[0].shopLogo}}" alt="">
            </div>
            <div class="success-shop-right">
              <p class="shop-name">{{item.data[0].shopName}}</p>
              <p class="shop-address">{{item.data[0].shopAddress}}</p>
            </div>
          </div>

        </div>
      </div>

    </ng-container>

    <!-- 成功-招商详情-引导步骤 -->
    <ng-container *ngSwitchCase="'style23'">
      <section class="section-pading-45" [ngStyle]="item.cssStyle | styleFilter">
        <div class="guide-bg">
          <div class="title-bg"></div>
          <div style="text-align: center;">
            <p class="guide-title">{{item.title}}</p>
          </div>
          <ul class="guide-ul">
            <li class="guide-li" [ngClass]="{'last-li': i==item.data.length-1}"
              *ngFor="let info of item.data;let i=index">
              <div class="guide-left fl">
                <img src="assets/icon/{{info.icon}}" alt="">
              </div>
              <p class="guide-label">{{info.title}}</p>
              <p class="guide-info">{{info.info}}</p>
              <div style="clear: both;"></div>
            </li>
          </ul>
        </div>
      </section>

    </ng-container>
    <!--   /** 
         * 服务项目，多选用逗号隔开 1水电改造、2房屋拆除、3涂料粉刷、4灯具安装、5电焊工程、6洁具安装、7门窗安装、8防水补漏、9瓷砖美缝、10吊顶造型、11橱柜吊柜、12刮腻子、13刷墙固、14铲墙皮、15贴瓷砖、16铺地板、17打隔断、18壁纸/彩绘、19打孔、20外墙保温、21建筑垃圾清运、22建材安装、23暖气改造、24建材用品、25散工服务
        */ -->
    <ng-container *ngSwitchCase="'style24'">
      <!-- 服务项目 -->
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <div class="propert-set">{{item.title}}</div>
          <ion-grid class="grid-padding">

            <ion-row class="ion-align-items-start">
              <ion-col class="main-item" *ngFor="let itemInfo of item.data; let i=index" offset="0" size="12/5">
                <div class="property-set-icon" style="margin-bottom: 0.94rem;">
                  <ng-container [ngSwitch]="itemInfo.code">
                    <!-- 可明火=1 -->
                    <ng-container *ngSwitchCase="1">
                      <img src='assets/icon/details_service-icon_dsgz@3x.png'>
                    </ng-container>
                    <!-- 上水=2; -->
                    <ng-container *ngSwitchCase="2">
                      <img src='assets/icon/details_service-icon_fwcc@3x.png'>
                    </ng-container>
                    <!-- 380V=3; -->
                    <ng-container *ngSwitchCase="3">
                      <img src='assets/icon/details_service-icon_tlfs@3x.png'>
                    </ng-container>
                    <!-- 煤气管道 -->
                    <ng-container *ngSwitchCase="4">
                      <img src='assets/icon/details_service-icon_djaz@3x.png'>
                    </ng-container>
                    <!-- 排烟管道 -->
                    <ng-container *ngSwitchCase="5">
                      <img src='assets/icon/details_service-icon_dhgc@3x.png'>
                    </ng-container>
                    <!-- 排污管道 -->
                    <ng-container *ngSwitchCase="6">
                      <img src='assets/icon/details_service-icon_jjaz@3x.png'>
                    </ng-container>
                    <!-- 停车位 -->
                    <ng-container *ngSwitchCase="7">
                      <img src='assets/icon/details_service-icon_mcaz@3x.png'>
                    </ng-container>
                    <!-- 产权 -->
                    <ng-container *ngSwitchCase="8">
                      <img src='assets/icon/details_service-icon_fsbl@3x.png'>
                    </ng-container>
                    <!-- 证件齐全=9； -->
                    <ng-container *ngSwitchCase="9">
                      <img src='assets/icon/details_service-icon_zzmf@3x.png'>
                    </ng-container>
                    <!-- 下水=10； -->
                    <ng-container *ngSwitchCase="10">
                      <img src='assets/icon/details_service-icon_ddzx@3x.png'>
                    </ng-container>
                    <!-- 天然气=11； -->
                    <ng-container *ngSwitchCase="11">
                      <img src='assets/icon/details_service-icon_cddd@3x.png'>
                    </ng-container>
                    <!-- 外摆区=12； -->
                    <ng-container *ngSwitchCase="12">
                      <img src='assets/icon/details_service-icon_gnz@3x.png'>
                    </ng-container>
                    <!-- 客梯=13； -->
                    <ng-container *ngSwitchCase="13">
                      <img src='assets/icon/details_service-icon_sqg@3x.png'>
                    </ng-container>
                    <!-- 货梯=14； -->
                    <ng-container *ngSwitchCase="14">
                      <img src='assets/icon/details_service-icon_cqp@3x.png'>
                    </ng-container>
                    <!-- 扶梯=15；  -->
                    <ng-container *ngSwitchCase="15">
                      <img src='assets/icon/details_service-icon_tzz@3x.png'>
                    </ng-container>
                    <!-- 中央空调=16 -->
                    <ng-container *ngSwitchCase="16">
                      <img src='assets/icon/details_service-icon_pdb@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="17">
                      <img src='assets/icon/details_service-icon_dgd@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="18">
                      <img src='assets/icon/details_service-icon_bzch@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="19">
                      <img src='assets/icon/details_service-icon_dak@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="20">
                      <img src='assets/icon/details_service-icon_wqbw@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="21">
                      <img src='assets/icon/details_service-icon_ljqy@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="22">
                      <img src='assets/icon/details_service-icon_jcaz@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="23">
                      <img src='assets/icon/details_service-icon_nqgz@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="24">
                      <img src='assets/icon/details_service-icon_jcyp@3x.png'>
                    </ng-container>
                    <ng-container *ngSwitchCase="25">
                      <img src='assets/icon/details_service-icon_szfw@3x.png'>
                    </ng-container>
                  </ng-container>
                  <p> {{itemInfo.label}}</p>
                </div>
              </ion-col>
            </ion-row>
          </ion-grid>
        </section>
        <hr class="line" style="margin-left:1.25rem;margin-right:1.25rem;margin-top: 0rem;" />
      </ng-container>
    </ng-container>

    <!-- 推荐提示 -->
    <ng-container *ngSwitchCase="'style26'">
      <ng-container *ngIf="appTypeCustom==='LJ'">
        <ng-container *ngIf="item.data &&  item.data.length > 1">
          <div class="js-recommmand-box" [ngStyle]="item.cssStyle | styleFilter">
            <ng-container *ngFor="let itInfo of item.data">
              <div class="js-recommend-bg" *ngIf="itInfo.dataType === 'label'">
                <p class="recommend-label-lj" [ngStyle]="itInfo.labelCssStyle | styleFilter"
                  appDebounceClick (debounceClick)="recommend(itInfo.link)">
                  <img class="right-icon-lj" src="assets/laijian/dianzang@3x.png"
                    *ngIf="itInfo.hideRightIcon===undefined" alt="">
                  <span>{{itInfo.labelLeft}}</span>
                  <span class="recommend-num" *ngIf="itInfo.labelCenter">{{itInfo.labelCenter}}</span>
                  <span *ngIf="expression">{{itInfo.labelRight}}</span>
                </p>
                <ng-container *ngIf="itInfo.label">
                  <button class="view-btn-lj" appDebounceClick (debounceClick)="recommend(itInfo.link)">{{itInfo.label}}</button>
                </ng-container>
              </div>
            </ng-container>
            <div class="js-bottom-btn-box">
              <ng-container *ngFor="let subObj of item.data">
                <ng-container *ngIf="subObj.dataType === 'button'">
                  <button [ngStyle]="subObj.cssStyle|styleFilter" class="js-recommend-btn"
                    appDebounceClick (debounceClick)="recommend(subObj.link)">
                    {{subObj.label}} <p *ngIf="subObj.subLabel && subObj.subLabel.length > 0 "
                      [ngStyle]="subObj.subLabelCssStyle | styleFilter">{{subObj.subLabel}}</p>
                  </button>
                </ng-container>
              </ng-container>
            </div>
          </div>
        </ng-container>
      </ng-container>
      <ng-container *ngIf="appTypeCustom!='LJ'">
        <ng-container *ngIf="item.data &&  item.data.length > 1">

          <div class="recommend-bg" [ngStyle]="item.cssStyle | styleFilter">
            <ng-container *ngFor="let itInfo of item.data">

              <p *ngIf="itInfo.dataType === 'label'" class="recommend-label" appDebounceClick (debounceClick)="recommend(itInfo.link)">
                <span>{{itInfo.labelLeft}}</span>
                <span class="recommend-num">{{itInfo.labelCenter}}</span>
                <span>{{itInfo.labelRight}}</span>
                <img class="right-icon" src="assets/icon/arrow_icon_right_black@3x.png" alt="">
              </p>
              <ng-container *ngIf="itInfo.dataType === 'button'">
                <p class="recommend-btn" appDebounceClick (debounceClick)="recommend(itInfo.link)">
                  {{itInfo.label}}
                </p>
                <!-- <p class="recommend-btn-showdow"></p> -->
              </ng-container>
              <ng-container *ngIf="itInfo.dataType === 'phone'">
                <p class="recommend-btn" appDebounceClick (debounceClick)="recommendPhone(itInfo.phone)">
                  {{itInfo.label}}
                </p>
                <!-- <p class="recommend-btn-showdow"></p> -->
              </ng-container>
            </ng-container>
          </div>
        </ng-container>
      </ng-container>
    </ng-container>


    <ng-container *ngSwitchCase="'style25'">
      <div *ngIf="item.data" [ngStyle]="item.cssStyle | styleFilter">
        <ng-container *ngIf="item.data.length > 0">
          <!-- 转店过程 -->
          <section class="section-picture">
            <div style="margin-bottom: 0.62rem;height: 1.25rem">
              <h1 class="title" style="display: inline;">{{item.title}}</h1>
              <div *ngIf="item.action" class="fr" style="text-align: right;">
                <h1 class="action-label "></h1>
                <i class="detail-icon-style25 fr" appDebounceClick (debounceClick)="actionClick(item.action.link)"
                  *ngIf="item.data[0].images?.length > 0"></i>
              </div>
            </div>
            <!-- <hr class="line" style="margin-top:1.25rem;margin-bottom:0.94rem; clear: both;" /> -->
            <!-- <div id='transfer-info'>{{item.data[0].label}}</div> -->
            <ng-container *ngIf="item.data[0].images?.length > 0">
              <ion-slides #imgSlides id="imgSlides" pager="true" [options]="slideOptions" (ionSlideDidChange)='slide()'>
                <ion-slide *ngFor="let image of item.data[0].images; let i=index">
                  <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage_url(index, item.data[0].images)">
                </ion-slide>
              </ion-slides>
            </ng-container>

          </section>
        </ng-container>
      </div>


    </ng-container>

    <!-- 成交图片 -->
    <ng-container *ngSwitchCase="'style27'">
      <ng-container *ngIf="item.images.length > 0">
        <section class="section-45" style="padding-right: 0px;" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title">{{item.title}}</h1>
          <div class="ul-bg">
            <ul class="ul-photo">
              <li class="item-photo" *ngFor="let it of item.images, let i=index "
                appDebounceClick (debounceClick)="openImage_url(i,item.images)">
                <img class="photo" src="{{it}}" />
              </li>
            </ul>
          </div>
        </section>
      </ng-container>

    </ng-container>



    <!-- 住宅信息 -->
    <ng-container *ngSwitchCase="'style28'">
      <ng-container *ngIf="item.data && item.data.length > 0">
        <div class="build-info-bg" [ngStyle]="item.cssStyle | styleFilter">
          <div class="build-info" *ngFor="let it of item.data">
            <p class="build-info-value">{{it.value}}</p>
            <p class="build-info-label">{{it.label}}</p>
          </div>
        </div>
      </ng-container>

    </ng-container>

    <!-- 1洗衣机 2空调 3衣柜 4电视 5冰箱 6热水器 7床 8暖气 9宽带 10天然气-->
    <ng-container *ngSwitchCase="'style29'">
      <!-- 租房物业配套 -->
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <div class="propert-set">{{item.title}}</div>
          <ion-grid class="grid-padding">

            <ion-row class="ion-align-items-start">
              <ion-col class="main-item" *ngFor="let itemInfo of item.data; let i=index" offset="0" size="12/5">
                <div class="property-set-icon" style="margin-bottom: 0.94rem;">
                  <ng-container [ngSwitch]="itemInfo.code">
                    <!--1洗衣机 -->
                    <ng-container *ngSwitchCase="1">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-xiyiji@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-xiyiji-grey@3x.png'>
                    </ng-container>
                    <!-- 2空调  -->
                    <ng-container *ngSwitchCase="2">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-kongtiao@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-kongtiao-grey@3x.png'>
                    </ng-container>
                    <!-- 3衣柜 -->
                    <ng-container *ngSwitchCase="3">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-yigui@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'" src='assets/icon/details_icon-yigui-grey@3x.png'>
                    </ng-container>
                    <!-- 4电视  -->
                    <ng-container *ngSwitchCase="4">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-TV@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'" src='assets/icon/details_icon-TV-grey@3x.png'>
                    </ng-container>
                    <!--5冰箱  -->
                    <ng-container *ngSwitchCase="5">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-bingx@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-bingx-grey@3x.png'>>
                    </ng-container>
                    <!-- 6热水器  -->
                    <ng-container *ngSwitchCase="6">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-reshuiqi@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-reshuiqi-grey@3x.png'>
                    </ng-container>
                    <!-- 7床  -->
                    <ng-container *ngSwitchCase="7">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-chuang@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-chuang-grey@3x.png'>
                    </ng-container>
                    <!-- 8暖气 -->
                    <ng-container *ngSwitchCase="8">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-nuanqi@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-nuanqi-grey@3x.png'>
                    </ng-container>
                    <!-- 9宽带  -->
                    <ng-container *ngSwitchCase="9">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-kuandai@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'"
                        src='assets/icon/details_icon-kuandai-grey@3x.png'>
                    </ng-container>
                    <!-- 10天然气 -->
                    <ng-container *ngSwitchCase="10">
                      <img *ngIf="itemInfo.value === 'true'" src='assets/icon/details_icon-gas@3x.png'>
                      <img *ngIf="itemInfo.value === 'false'" src='assets/icon/details_icon-gas-grey@3x.png'>
                    </ng-container>

                  </ng-container>
                  <p> {{itemInfo.label}}</p>
                </div>
              </ion-col>
            </ion-row>
          </ion-grid>
        </section>
      </ng-container>
    </ng-container>


    <!-- 住宅信息 -->
    <ng-container *ngSwitchCase="'style30'">
      <div class="info-bg" *ngIf="item.info && item.info.length > 0" [ngStyle]="item.cssStyle | styleFilter">
        <img src="assets/icon/trange.png" class="info-bg-icon" alt="">
        <div class="info-box">
          <img src="assets/icon/img_left mh@3x.png" class="bg-icon" alt="">
          <p class="info-bg-info">{{item.info}}</p>
        </div>
      </div>
    </ng-container>

    <!-- 店铺证件 -->
    <ng-container *ngSwitchCase="'style31'">
      <ng-container *ngIf="item.data.length > 0">
        <section class="section-45" style="padding-right: 0px;" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="title">{{item.title}}</h1>
          <ng-container *ngIf="item.data.length > 0">
            <div class="door-model-bg-bg">
              <div class="door-model-bg">

                <div class="door-model" *ngFor="let it of item.data">
                  <img class="model-img" src="{{it.imageUrl}}" alt="">
                  <div class="text-bg">
                    <p class="model-title">{{it.title}}</p>
                    <p>
                      <span *ngIf="it.price?.label" class="price"
                        [ngStyle]="it.price.cssStyle | styleFilter">{{it.price.label}}</span>
                      <span *ngIf="it.type?.label" class="type"
                        [ngStyle]="it.price.type | styleFilter">{{it.type.label}}</span>
                    </p>

                    <p class="tags-bg" *ngIf="it.labels && it.labels.length > 0">
                      <ng-container *ngFor="let i of it.labels">
                        <span *ngIf="i.label && i.label.length > 0" class="tag"
                          [ngStyle]="i.cssStyle | styleFilter">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </div>

                </div>
              </div>
            </div>


          </ng-container>
          <!-- <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage(index, item.data[0].images)"> -->
        </section>
      </ng-container>
    </ng-container>


    <ng-container *ngSwitchCase="'style32'">
      <!-- 预售许可证-->
      <ng-container *ngIf="item.data.length > 0 ">
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <h1 *ngIf="item.title && item.title.length > 0" class="title">{{item.title}}<span
              *ngIf="item.tips && item.tips.length > 0" class="title-tips">{{item.tips}}</span></h1>

          <ion-grid class="grid-padding">
            <ion-row class="ion-align-items-start">
              <ng-container *ngFor="let itemInfo of item.data; let i=index">
                <ng-container *ngFor="let it of itemInfo.data">
                  <ion-col *ngIf="(it.value != null || it.value != undefined)" offset="0" class="main-item" size="12">
                    <p class="item-label" [ngClass]="{'auto-lable': !(it.value?.length > 0)}">{{it.label}}</p>
                    <p class="item-value">{{it.value}}
                    </p>
                  </ion-col>
                </ng-container>
                <div id='ion-col-1'></div>
                <p style="height: 0.75rem; width: 100%;"></p>
              </ng-container>

            </ion-row>
          </ion-grid>
        </section>

      </ng-container>
    </ng-container>
    <ng-container *ngSwitchCase="'style33'">
      <!-- 确认成交审核详情 -->
      <ng-container *ngIf="item.data.length > 0 ">
      
        <section class="section-col-1" [ngStyle]="item.cssStyle | styleFilter">
          <div class="sub-icon"><img src="{{item?.statusImageUrl}}" /></div>
          <h1 *ngIf="item.title && item.title.length > 0" class="title">{{item.title}}</h1>
          <p class="sub-title"><span *ngIf="item.info && item.info.length > 0"
              class="sub-font">{{item.info}}</span><span *ngIf="item.label && item.label.length > 0"
              class="sub-font">{{item.label}}</span></p>
          <div class="service-box">
            <ng-container *ngFor="let subDataItem of item.data">
              <span *ngIf="subDataItem.label&&subDataItem.label.length > 0" class="contentFont">{{subDataItem.label}}
                <ng-container *ngIf="subDataItem.value&&subDataItem.value.length > 0">{{subDataItem.value}}
                </ng-container>
              </span>
            </ng-container>
          </div>
          <ng-container *ngFor="let subDataItem of item.data">
            <ng-container *ngIf="subDataItem.dataType==='photoType'">
              <div class="img-box">
                <ng-container *ngFor="let image of subDataItem.images,let k = index;">
                  <img class="con-img marginr31" src="{{image}}" appDebounceClick (debounceClick)="openImage_url(k,subDataItem.images)" />
                </ng-container>
              </div>
            </ng-container>
          </ng-container>
        </section>
      </ng-container>
    </ng-container>

    <ng-container *ngSwitchCase="'style34'">
      <div class="sale-bg"  [ngStyle]="item.cssStyle | styleFilter">
        <div class="price-sale-bg" *ngIf="item.price && item.price.length > 0">
          <p class="price-bg"><span class="price-label" *ngIf="item.priceLabel" [ngStyle]="item.priceLabelCssStyle | styleFilter">{{item.priceLabel}}</span><span class="unit" [ngStyle]="item.priceUnitCssStyle | styleFilter">￥</span><!-- 价格 格式 -->
            <span class="price-style34" [ngStyle]="item.priceCssStyle | styleFilter">{{appGlobalService.getInterger(item.price - 0)| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits" [ngStyle]="item.priceDigitsCssStyle | styleFilter">{{(item.price - 0 | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>

            <span class="price-label" *ngIf="item.supplyPriceLabel" [ngStyle]="item.supplyPriceLabelCssStyle | styleFilter">{{item.supplyPriceLabel}}</span>
            <span class="unit-style34" *ngIf="item.supplyPrice" [ngStyle]="item.supplyPriceUnitCssStyle | styleFilter">￥</span><!-- 价格 格式 -->
            <span class="price-style34" *ngIf="item.supplyPrice" [ngStyle]="item.supplyPriceCssStyle | styleFilter">{{appGlobalService.getInterger(item.supplyPrice )| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits" [ngStyle]="item.supplyPriceDigitsCssStyle | styleFilter">{{(item.supplyPrice | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
          </p>
            

          <div class="all-price">
            <span class="original-price" [ngStyle]="item.originalPriceCssStyle | styleFilter">{{item.originalPrice}}</span>
            <div class="discount-box" *ngIf="item.tag">
              <span class="discount-tag">{{item.tag}}</span>
              <span class="discount-price">{{item.discountPrice}}</span>
            </div>
          </div>
          <span *ngIf="item.salesVolume" class="sale-count" [ngStyle]="item.salesVolumeCssStyle | styleFilter" >{{item.salesVolume}}</span>
        </div>
        <div class="title-style34" *ngIf="item.title && item.title.length > 0"><span *ngIf="item.isAuthenticated?.label" [ngStyle]="item.isAuthenticated.cssStyle | styleFilter" class="price-sale-tag">{{item.isAuthenticated.label}}</span>{{item.title}}</div>
        <p *ngIf="item.info" class="price-sale-info" > <span appDebounceClick (debounceClick)="appGlobalService.copyStr($event,item.info,item.tips)">{{item.infoLabel}}{{item.info}}</span> <span appDebounceClick (debounceClick)="appGlobalService.copyStr($event,item.artNo,item.artTips)" class="art" *ngIf="item.artNoLabel">{{item.artNoLabel}}{{item.artNo}}</span></p>

        <p class="price-sale-label" *ngIf="item.label && item.label.length > 0" [innerHTML]="item.label | parseStyle" [ngStyle]="item.labelCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.action.link ,$event)"></p>
      </div>

    </ng-container>
    <!-- 商品详情参数等 扩展订单信息-->
    <ng-container *ngSwitchCase="'style35-bg'">
      <p class="title-fw" *ngIf="item.title && item.title.length > 0" [ngStyle]="item.valueCssStyle | styleFilter">{{item.title}}</p>

      <div  *ngIf="item.data && item.data.length > 0">
        <ng-container *ngFor="let it of item.data">
          <div *ngIf="it.value && it.value.length > 0" class="item-bg-fw" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter" [innerHTML] = "it.label | parseStyle"></p>
            <p class="item-value-fw" [ngStyle]="it.valueCssStyle | styleFilter"
              [ngClass]="{'more-line': it.dataType === 'moreLine'}"><span [innerHTML] = "it.value | parseStyle"></span>
              <!-- 价格 格式 -->
              <span *ngIf="it.price" [ngStyle]="it.price.priceCssStyle | styleFilter">{{appGlobalService.getInterger(it.price.value - 0)| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits" [ngStyle]="it.price.priceDigitsCssStyle | styleFilter">{{(it.price.value - 0 | currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i><i  [ngStyle]="it.price.unitCssStyle | styleFilter" *ngIf="it.price.unit && it.price.unit.length > 0"
                >{{it.price.unit}}</i></span>

              <span style="display:inline-block">
                <img [ngStyle]="it.iconCssStyle | styleFilter" *ngIf="it.icon && it.link.type === 'chat'" [src]="it.icon"
                  appDebounceClick (debounceClick)="go(it, $event)">
                <img [ngStyle]="it.imageUrlCssStyle | styleFilter" *ngIf="it.imageUrl && it.link.params?.phone" [src]="it.imageUrl"
                  appDebounceClick (debounceClick)="presentAlertConfirm(it.link.params?.phone, it.value, $event)">
              </span>

              <span class="copy" [ngStyle]="item.copyCssStyle | styleFilter" *ngIf="it.valueN && it.valueN.length > 0"
                appDebounceClick (debounceClick)="appGlobalService.copyStr($event,it.value,it.valueN)">复制</span>
            </p>

            <ng-container *ngIf="it.icon && it.icon.indexOf('http') > -1 && it.link.type !== 'chat'; else elseTemplateIcon">
              <img src="{{it.icon}}" alt="" [ngStyle]="it.iconCssStyle | styleFilter">
            </ng-container>
            <ng-template #elseTemplateIcon>
              <i [ngClass]="{'displayno': !it.link || it.link.params?.noIcon}" class="detail-icon"></i>
            </ng-template>
          </div>
          <div *ngIf="(!it.value || it.value === '' || it.value === ' ') && (!it.label || it.label == '' || it.label == ' ')" class="style35-bg-sep-line"  [ngStyle]="it.sepCssStyle | styleFilter"></div>
        </ng-container>
      </div>


    </ng-container>
    <!-- 商品详情参数等 -->
    <ng-container *ngSwitchCase="'style35'">
      <p class="title-fw" [ngStyle]="item.valueCssStyle | styleFilter" *ngIf="item.title && item.title.length > 0">
        {{item.title}} <span *ngIf="item.tips && item.tips.length > 0" class="tips" [innerHTML]="item.tips"></span></p>
        <ng-container *ngIf="item.statusImageUrl?.length > 0 ">
          <img class="img-deal img-deal-service" 
            src="assets/icon/detail_icon_deal@3x.png">

        </ng-container>
      <ng-container *ngFor="let it of item.data">
        <ng-container *ngIf="it.dataType && it.dataType.length > 0; else noDataType">
          <div *ngIf="it.dataType ==='gradeType' " [ngStyle]="item.cssStyle | styleFilter">
            <div class="item-label-grade" [ngStyle]="it.cssStyle | styleFilter">{{it.label}} <p class="item-value-grade">
              <app-rating [rate]="it.value" [valueCssStyle]="it.valueCssStyle"></app-rating>
            </p></div>

            
          
            <img *ngIf="it.labelRight?.length > 0" style="width:0.56rem;height:0.38rem;margin-left:1.25rem;"
              src="assets/icon/detail_icon_triangle@3x.png">
            <p *ngIf="it.labelRight?.length > 0" class="grade-info">
              {{it.labelRight}}
            </p>
          </div>

          <div *ngIf="it.tags && it.tags.length > 0" class="item-bg-fw-service" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</p>
            <p class="item-tags-fw" [ngStyle]="it.valueCssStyle | styleFilter">
              <span class="tag" *ngFor="let tag of it.tags" [ngStyle]="item.labelCssStyle | styleFilter">
                {{tag}}
              </span>
            </p>
  
          </div>
          <div *ngIf="it.dataType ==='process' " class="item-bg-fw-service" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</p>
            <div class="item-process-fw" *ngIf="it.data && it.data.length > 0" [ngStyle]="it.valueCssStyle | styleFilter">
              <div class="item-process-bg" *ngFor="let tag of it.data ; let i = index">
                <span class="free-tag" *ngIf="tag.free">{{tag.free}}</span>
  
                <div class="item-process">
                  <img class="process-bg-img" src="assets/fw/p_{{i+1}}.png" alt="">
                  <img class="process-icon" src="assets/fw/{{tag.icon}}" alt="">
                  <p class="process-label">{{tag.label}}</p>
                  <p class="process-info">{{tag.content}}</p>
  
                </div>
              </div>
            </div>
  
          </div>
  
          <div *ngIf="it.dataType ==='phone' " class="item-bg-fw" [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</p>
            <p class="item-value-fw" [ngStyle]="it.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="callConsultant1Now(it.button)">
              {{it.button.label}} <img *ngIf="it.icon && it.icon.length > 0" src="{{it.icon}}" alt=""
                style="width: 1rem;height: 1rem;display: inline-block;margin-left: 0.5rem;"></p>
          </div>

          <div *ngIf="it.dataType ==='address' " class="item-bg-fw" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</p>
            <p class="item-value-fw" [ngStyle]="it.valueCssStyle | styleFilter">{{it.value}} <span *ngIf="it.labelRight" class="sep-address"></span> <span *ngIf="it.labelRight" 
              [ngStyle]="it.link?.params?.labelRightCssStyle | styleFilter">{{it.labelRight}}</span></p>

            <ng-container *ngIf="it.icon && it.icon.indexOf('http') > -1; else elseTemplateIcon">
              <img src="{{it.icon}}" alt="" [ngStyle]="it.iconCssStyle | styleFilter">
            </ng-container>
            <ng-template #elseTemplateIcon>
              <i *ngIf="it.icon" class="detail-icon"></i>  
            </ng-template>
            

            
          </div>
        </ng-container>
        <ng-template #noDataType>
          <div *ngIf="it.value && it.value.length > 0" class="item-bg-fw" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="item.cssStyle | styleFilter">
            <p class="item-label-fw" [ngStyle]="it.cssStyle | styleFilter" [innerHTML]="it.label | parseStyle"></p>
            <p class="item-value-fw" [ngStyle]="it.valueCssStyle | styleFilter">
              <span [innerHTML]="it.value | parseStyle"></span>
              <span *ngIf="it.labelRight" 
              [ngStyle]="it.labelRightCssStyle | styleFilter">{{it.labelRight}}</span>
            </p>
            
            <ng-container *ngIf="it.icon && it.icon.indexOf('http') > -1; else elseTemplateIcon">
              <img src="{{it.icon}}" alt="" [ngStyle]="it.iconCssStyle | styleFilter">
            </ng-container>
            <ng-template #elseTemplateIcon>
              <i [ngClass]="{'displayno': !it.link}" class="detail-icon"></i>
            </ng-template>
          </div>
        </ng-template>
        
        
        

      </ng-container>



    </ng-container>
    <!-- 装修公司服务内容 -->
    <ng-container *ngSwitchCase="'style36'">
      <div class="content-service" [ngStyle]="item.cssStyle | styleFilter">
        <div class="item-style36" *ngFor="let it of item.data">
          <ng-container *ngIf="it.icon; else defIcon">
            <img class="icon-style36"  *ngIf="it.icon"  [ngStyle]="it.iconCssStyle | styleFilter" src="{{it.icon}}" />
          </ng-container>
          <ng-template #defIcon>
            <img class="icon-style36" src="assets/fw/release_icon_checked_fw@3x.png" />
          </ng-template>
          
          <div style="flex-grow: 1;">
            <p *ngIf="it.label" class="label-style36" [ngStyle]="it.cssStyle | styleFilter">{{ it.label }}</p>
            <p *ngIf="it.value" class="info-style36" [ngStyle]="it.valueCssStyle | styleFilter">{{ it.value }}</p>
          </div>

        </div>
      </div>
    </ng-container>

    <!-- 公司证件 -->
    <ng-container *ngSwitchCase="'style37'">
      <ng-container *ngIf="item.data.length > 0">
        <div class="img-list-bg" [ngStyle]="item.cssStyle | styleFilter">
          <h1 class="label" [ngStyle]="item.labelCssStyle | styleFilter"><img *ngIf="item.icon" [src]="item.icon" 
            [ngStyle]="item.iconCssStyle | styleFilter"/>{{item.title}}</h1>
          <ng-container *ngIf="item.data.length > 0">
            <div class="img-bg">
              <img class="img-item" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngFor="let it of item.data, let i=index " appDebounceClick (debounceClick)="openImage(i,item.data,item.tag)" src="{{it.imageUrl}}" />
            </div>

          </ng-container>
          <!-- <img class="transfer-img" [src]="image" appDebounceClick (debounceClick)="openImage(index, item.data[0].images)"> -->
        </div>
      </ng-container>

    </ng-container>
    <!-- 店铺管理Item -->
    <ng-container *ngSwitchCase="'style38'">
      <div class="my-shop-info-bg" [ngStyle]="item.cssStyle | styleFilter">
        <p class="item-style38" [ngClass]="{'border-top': i>0}" *ngFor="let it of item.data;let i = index">
          <span *ngIf="it.label" class="label-style38"
            [ngStyle]="it.link?.params?.labelCssStyle | styleFilter">{{it.label}}</span>
          <span *ngIf="it.value" class="value-style38">{{it.value}}</span>
          <span *ngIf="it.labelRight" class="rightLabel" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="it.link?.params?.labelRightCssStyle | styleFilter">{{it.labelRight}}</span>
          <img *ngIf="it.link?.params?.iconUrl" src="{{it.link?.params?.iconUrl}}" appDebounceClick (debounceClick)="openPage(it.link)"
            [ngStyle]="it.link?.params?.iconCssStyle | styleFilter" />
          <i class="detail-icon" *ngIf="it.link?.type !== 'none' && it.link?.type !== 'url'"></i>
        </p>
      </div>
    </ng-container>
    <!-- 服务说明 -->
    <ng-container *ngSwitchCase="'style39'">
      <div class="service-info-bg" [ngStyle]="item.cssStyle | styleFilter">
        <p *ngIf="item.title && item.title.length > 0" class="service-info-title"><img src="assets/fw/dot.png"
            alt=""> <span class="service-info-title-label">{{item.title}}</span> <img src="assets/fw/dot.png" alt=""></p>

        <p class="service-info-sh" *ngIf="item.info && item.info.length > 0">{{item.info}}</p>

        <ng-container *ngFor="let it of item.data">
          <ng-container *ngIf="it.dataType === 'mark' ">
            <p *ngIf="it.label && it.label.length> 0" class="service-label">{{it.label}}</p>
            <div class="service-mark" [ngStyle]="it.link?.params?.cssStyle | styleFilter">
              <ng-container *ngIf="it.icon && it.icon.length > 0">
                <img *ngIf="it.icon.indexOf('http') > -1" src="{{it.icon}}" alt="">
                <img *ngIf="it.icon.indexOf('http') === -1" src="assets/fw/{{it.icon}}" alt="">
              </ng-container>



              <p class="service-mark-p" style="flex-grow: 1;" [ngStyle]="it.link?.params?.valueCssStyle | styleFilter">{{it.value}}</p>
            </div>
          </ng-container>

          <ng-container *ngIf="it.dataType === 'icon'">
            <p *ngIf="it.label && it.label.length> 0" class="service-label">{{it.label}}</p>
            <div class="service-icon-bg">
              <div style="line-height: 1.25rem;display: flex;align-items: center;height: 1.25rem;">
                <span class="dot-style39"></span>
              </div>
              <p class="">{{it.value}}</p>
            </div>
          </ng-container>


          <ng-container *ngIf="it.dataType === 'icons'">
            <p *ngIf="it.label && it.label.length> 0" class="service-label">{{it.label}}</p>
            <div class="service-icons-bg">
              <ng-container *ngFor="let icon of it.data;let i = index">
                <img *ngIf="i>0 && i < it.data.length" class="add-style39" src="assets/fw/add.png" alt="">
                <div style="display: flex;flex-direction: column;align-items: center;">
                  <img class="icon-style39" src="{{icon.icon}}" />
                  <span class="label-style39" *ngIf="icon.label && icon.label.length > 0">{{icon.label}}</span>
                </div>



              </ng-container>


            </div>
          </ng-container>


        </ng-container>
      </div>
    </ng-container>

    <!-- 装修清单合计 -->
    <ng-container *ngSwitchCase="'style40'">
      <div class="decorate-info-bg" [ngStyle]="item.cssStyle | styleFilter">
        <div class="decorate-header" *ngIf="item.title && item.title.length > 0">{{item.title}}</div>

        <div class="item-bg" [ngClass]="{'item-total': it.dataType === 'Total', 'last-item':i === item.data.length -1}"
          *ngFor="let it of item.data; let i = index">

          <span class="label-style40" [ngStyle]="it.cssStyle | styleFilter">{{it.label}}</span>
          <div class="value-bg">
            <p class="value-N" *ngIf="it.valueN && it.valueN.length > 0">{{it.valueN}}</p>
            <p class="value-style40" [ngStyle]="it.valueCssStyle | styleFilter">
              <span class="unit-style40" *ngIf="it.labelRight && it.labelRight.length > 0">{{it.labelRight}}</span>
              {{it.value}}
            </p>

          </div>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style41'">
      <div class="reply-bg" [ngStyle]="item.cssStyle | styleFilter">
        <p class="reply-title">{{item.title}}</p>
        <p class="reply-info" [ngStyle]="item.valueCssStyle | styleFilter">{{item.info}}</p>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style42'">
      <div [ngStyle]="item.textCssStyle | styleFilter">
        <div class="brand-bg" [ngStyle]="item.cssStyle | styleFilter">
          
          <img *ngIf="item.icon && item.icon.length > 0" src="{{item.icon}}" alt=""
          style="height: 4rem;width: 4rem;border-radius: 0.19rem;" [ngStyle]="item.imageCssStyle | styleFilter">
          <p class="brand-title" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</p>
          <p class="brand-info" [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.info | parseStyle"></p>
        </div>
      </div>
    </ng-container>

    <!-- 没有找到你的小区？上传户型图 设计师免费帮你生成效果图 -->
    <ng-container *ngSwitchCase="'style44'">

      <div class="search-tip-bg" appDebounceClick (debounceClick)="join(item.action.link)" [ngStyle]="item.cssStyle | styleFilter">

        <p class="search-tip-title">{{item.title}} <span class="search-tip-btn"
            *ngIf="item.action?.link">{{item.action.label}} </span><img *ngIf="item.action?.link"
            src="assets/fw/zx_icon_up.png" class="up-icon" alt=""></p>
        <p class="search-tip-info">{{item.info}}</p>
        <img src="assets/fw/zx_icon_up_bg.png" alt="" class="search-tip-bg-img">
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style45'">
      <div class="detailed-content" [ngStyle]="item.cssStyle | styleFilter">
        <img class="img-style45" [src]="item.statusImageUrl" *ngIf="item.statusImageUrl">
        <div class="detailed-people" >
          <img class="detailed-people-img" [src]="item.icon" *ngIf="item.icon">
          <span class="detailed-people-title">{{item.title}}</span>
        </div>
      
        <div class="detailed-lable" *ngIf="item.data[0]?.tags">
          <div class="detailed-lable-div" *ngFor="let it of item.data[0].tags">
            <span class="detailed-lable-span">{{it}}</span>
          </div>
        </div>
      
        <div class="detailed-division" *ngIf="item.data[0]?.tags"></div>
        <div class="detailed-comment">
          <p class="detailed-comment-p">{{item.data[0].label}}</p>
        </div>
        <div class="detailed-img" *ngIf="item.data[0]?.images && item.data[0]?.images[0]">
          <div class="detailed-img-div" *ngFor="let ite of item.data[0].images.slice(0,4);let i = index">
            <img class="detailed-icon" [src]="ite" appDebounceClick (debounceClick)="openImage_url(i,item.data[0].images)">
          </div>
          <div class="detailed-num" *ngIf="item.data[0]?.images.length > 4">
            <span class="detailed-num-span">{{item.data[0].images.length}}图</span>
          </div>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style46'">
      <div class="personal-content" [ngStyle]="item.cssStyle | styleFilter">
        <div class="personal-people">
          <span [ngStyle]="item.titleCssStyle | styleFilter" class="personal-people-title">{{item.title}}</span>
        </div>
        <div class="personal-comment">
          <p class="personal-comment-p" [ngStyle]="item.data[0]?.labelCssStyle | styleFilter">{{item.data[0]?.label}}</p>
        </div>
        <div [ngStyle]="item.data[0]?.imagesCssStyle | styleFilter" class="personal-img" *ngIf="item.data[0]?.images">
          <div class="imgDiv" [ngStyle]="item.data[0]?.imgCssStyle | styleFilter" *ngFor="let ite of item.data[0]?.images.slice(0,3);let i = index">
            <img [src]="ite" appDebounceClick (debounceClick)="openImage_url(i,item.data[0]?.images)">
          
            <ng-container *ngIf="i===2">
              <div [ngStyle]="item.data[0]?.textCssStyle | styleFilter" class="personal-num" *ngIf="item.data[0]?.images.length > 3">
                <span>{{item.data[0]?.images.length}}图</span>
              </div>
            </ng-container>

        </div>
        </div>
      </div>
    </ng-container>
    
    <ng-container *ngSwitchCase="'style47'">
      <div class="popup-content" [ngStyle]="item.cssStyle | styleFilter">
        <div class="popup-repair">
          <span class="popup-repair-title" *ngIf="item.title">{{item.title}}</span>
          <span class="popup-repair-info" *ngIf="item.info">{{item.info}}</span>
          <ng-container *ngIf="item.data">
            <div class="popup-r-content" *ngFor="let ite of item.data">
              <ng-container *ngIf="ite.labelArrow;else elseBlock">
              <div appDebounceClick (debounceClick)="openPage(ite.priceLink)">
                <img class="popup-r-content-img" *ngIf="ite.imageUrl" [src]="ite.imageUrl" >
                  <div class="mid">
                    <span *ngIf="ite.label" [ngStyle]="ite.labelCssStyle | styleFilter">
                      {{ite.label}}
                      <img 
                      [ngStyle]="ite.arrowIconCssStyle | styleFilter" 
                      [src]="ite.ArrowIcon"
                      onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651045895954a848b2cd30157b9afff4403f278fbdf3.png'"
                      />
                    </span>
                    <div class="price" *ngIf="ite.labelLeft && ite.value">
                      <span>{{ite.labelLeft}}</span>
                      <span class="value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
                      <span [ngStyle]="ite.labelRightCssStyle | styleFilter">&nbsp;{{ite.labelRight}}</span>
                    </div>
                  </div>
              </div>
              </ng-container>
              <ng-template #elseBlock>
                <div>
                <img class="popup-r-content-img" *ngIf="ite.imageUrl" [src]="ite.imageUrl">
                <div class="mid">
                  <span *ngIf="ite.label" [ngStyle]="ite.labelCssStyle | styleFilter">
                    {{ite.label}}
                  </span>
                  <div class="price" *ngIf="ite.labelLeft && ite.value">
                    <span>{{ite.labelLeft}}</span>
                    <span class="value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
                    <span [ngStyle]="ite.labelRightCssStyle | styleFilter">&nbsp;{{ite.labelRight}}</span>
                  </div>
                </div>
                </div>
              </ng-template>
              <div class="right-style47" appDebounceClick (debounceClick)="openPage(ite.link)">
                <span class="right-style47-span" [ngStyle]="ite.subLabelCssStyle | styleFilter">
                  {{ite.subLabel}}
                </span>
              </div>
              <img 
                class="bg" 
                *ngIf="ite.icon" 
                [src]="ite.icon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651114865951bf30c2a8baacdceed58345a092e22f84.png'"
              />
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style48'">
      <div class="serve" [ngStyle]="item.cssStyle | styleFilter">
        <h4 class="h4-style48">{{item.title}}</h4>
        <div *ngIf="item.data" class="serve-mian">
            <div class="serve-item" *ngFor="let ite of item.data;let i = index">
              <div class="serve-item-div">
                <div class="serve-item-img-box">
                  <img class="serve-item-img"
                  *ngIf="ite.imageUrl" src="{{ite.imageUrl}}"
                  [ngStyle]="ite.imageUrlCssStyle | styleFilter"
                  />
                </div>
                <span class="serve-item-div-value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
                <span class="serve-item-div-label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</span>
              </div>
              <img 
              class="serve-icon" 
              *ngIf="i != item.dataList-1 && i != item.data.length-1 &&  (i-0+1)%item.dataList-0 != 0" 
              [src]="ite.icon"
              onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16511234975641e043c8307ec3ce9aae71460a7bdc44f.png'"
              />
            </div>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style49'">
      <div class="want" [ngStyle]="item.cssStyle | styleFilter">
        <h4 class="h4-style49">
          {{item.title}}
        </h4>
        <div class="want-item" *ngFor="let ite of item.data">
          <div class="div-style49">
            <div>
              <span class="dot"></span>
            </div>

            <span class="div-style49-label" [ngStyle]="ite.labelCssStyle | styleFilter">
              {{ite.label}}
            </span>

          </div>
          <p class="p-style49" appDebounceClick (debounceClick)="openPage(ite.link)">
            <span class="p-style49-span" [ngStyle]="ite.subLabelCssStyle | styleFilter">
              {{ite.subLabel}}
            </span>
            <img class="p-style49-img" [ngStyle]="ite.iconCssStyle | styleFilter" [src]="ite.icon">
          </p>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style50'">
      <div class="repair-service" [ngStyle]="item.cssStyle | styleFilter">
        <div class="title-style50" [ngStyle]="item.titleCssstyle | styleFilter">
          {{item.title}}
        </div>
        <ng-container *ngFor="let ite of item.data">
          <div class="label-style50" [ngStyle]="ite.labelCssStyle | styleFilter">
            {{ite.label}}
          </div>
          <div *ngIf="ite.subLabel" class="sublabel" [ngStyle]="ite.subLabelCssStyle | styleFilter" appDebounceClick (debounceClick)="beforeSubmit(ite.submit, ite.link)">{{ite.subLabel}}<img *ngIf="ite.icon" src="{{ite.icon}}" alt="" [ngStyle]="ite.iconCssStyle | styleFilter">
          </div>        
        </ng-container>
        <div *ngIf="item.text" class="text-style50" [ngStyle]="item.textCssStyle | styleFilter">
          {{item.text}}
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style51'">
      <div class="open-info" [ngStyle]="item.cssStyle | styleFilter">

        <div class="open-info-top-style51" [ngStyle]="item.innerCssStyle | styleFilter">
          <ion-toggle *ngIf="item.action.submit" (ionChange)="switchButtonSystem(item.action.submit)"   [(ngModel)]="iSshow"
          [ngModelOptions]="{standalone: true}"></ion-toggle>

          <div *ngIf="item.action?.label && item.action?.label.length > 0"  class="label-style51" [ngStyle]="item.action?.labelCssStyle | styleFilter" 
            appDebounceClick (debounceClick)="openPage(item.action.link)">
            {{item.action?.label}}
            <img src="{{item.action?.link?.img}}" [ngStyle]="item.action?.link?.imgCssStyle | styleFilter"  alt="">
          </div>
        </div>

        <ng-container *ngFor="let ite of item.data;let i = index">
          <div class="data-style51">
            <div class="data-label-style51" *ngIf="ite.label" [ngStyle]="ite.labelCssStyle | styleFilter">
              {{ite.label}}
            </div>
            
            <div class="data-btn" *ngIf="ite.subLabel" >
              <span class="data-btn-text" [ngStyle]="ite.subLabelCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(ite.link)">
                {{ite.subLabel}}
              </span>
            </div>
          </div>
        </ng-container>

      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style52'">
      <div class="common-invoice" [ngStyle]="item.cssStyle | styleFilter">
        <div class="common-invoice-l" *ngIf="item.imageUrlLeft">
          <img src="{{item.imageUrlLeft}}" [ngStyle]="item.imageUrlLeftCssStyle | styleFilter">
        </div>
        <div class="common-invoice-m">
          <div class="title-style52">
            <p class="title-style52-p">
              <span class="title-style52-span" [ngStyle]="item.titleCssStyle | styleFilter" *ngIf="item.title">{{item.title}}</span>
              <img class="title-style52-img" [ngStyle]="item.iconCssStyle | styleFilter" *ngIf="item.icon" src="{{item.icon}}" />
            </p>
          </div>
          <ng-container *ngFor="let ite of item.data">
            <div class="item-style52">
              <span class="item-style52-label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</span>
              <span class="item-style52-value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
            </div>
          </ng-container>
          <div class="images-style52" *ngIf="item.action?.images">
            <div class="images-style52-img" [ngStyle]="item.action?.imageCssStyle | styleFilter"
              appDebounceClick (debounceClick)="openPage(item.action.link)">
                <img [src]="item.action.images"/>
            </div>
            <span class="images-style52-label" [ngStyle]="item.action?.labelCssStyle | styleFilter">{{item.action?.label}}</span>
          </div>
        </div>
        <div class="common-invoice-r" *ngIf="item.imageUrlRight">
          <img src="{{item.imageUrlRight}}" [ngStyle]="item.imageUrlRightCssStyle | styleFilter">
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style53'">
      <div class="refund-detail" [ngStyle]="item.cssStyle | styleFilter">
        <p [ngStyle]="item.titleCssStyle | styleFilter" *ngIf="item.title">{{item.title}}</p>
        <p [ngStyle]="item.valueCssStyle | styleFilter" *ngIf="item.value">{{item.value}}{{remainingTime}}</p>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style54'">
      <div class="project-stage" [ngStyle]="item.cssStyle | styleFilter">
        <div class="project-title">
          <span [ngStyle]="item.titleCssStyle| styleFilter" class="title-left">{{item.title}}</span>
          <span [ngStyle]="item.timeCssStyle| styleFilter" class="title-right">{{item.time}}</span>
        </div>
        <div class="project-content">
          <!--有视频-->
          <ng-container *ngIf="item.img_video?.videoUrl && item.img_video?.videoUrl?.length > 0 && item.img_video?.videoUrl[0]; else elseTemplate">
            <div class="video" [ngStyle]="item.videoCssStyle | styleFilter" appDebounceClick (debounceClick)="popup(item.img_video)" 
            [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2,'newStyle2':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length > 2}">
              <video [src]="item.img_video?.videoUrl[0]" poster="{{item.img_video.videoUrl[0]}}?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto"></video>
              <!--播放按钮-->
              <img class="v-img" [ngStyle]="item.iconCssStyle | styleFilter"
              [src]="item.icon"
              onerror="this.src='assets/fw/video_icon_paly.png'">
            </div>
            <div class="images" *ngIf="item.img_video?.imgUrl" [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2}">
              <div class="img" *ngFor="let ite of item.img_video.imgUrl.slice(0,2);let i = index;" appDebounceClick (debounceClick)="popup(item.img_video)" 
                [ngStyle]="item.img_video?.imgCssStyle | styleFilter" [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2}">
                <img [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'" [ngClass]="{'opacity': item.img_video.imgUrl.length > 2 && i === 1}">
                <div class="text" *ngIf="item.img_video.imgUrl.length > 2 && i === 1">
                  <span class="text-top">{{item.img_video.imgUrl.length}}图</span>
                  <span class="text-bottom">查看全部</span>
                </div>
              </div>
            </div>
          </ng-container>
          <!--无视频 并只有图片-->
          <ng-template #elseTemplate>
            <div class="video" *ngIf="item.img_video?.imgUrl && item.img_video?.imgUrl?.length > 0" [ngStyle]="item.videoCssStyle | styleFilter" appDebounceClick (debounceClick)="openimgUrl(0,item.img_video.imgUrl)" 
              [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2,'newStyle2':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length > 2}">
              <img class="img" [src]="item.img_video?.imgUrl[0]+'?x-oss-process=image/resize,m_fill,h_501'" />
            </div>
            <div class="images" *ngIf="item.img_video?.imgUrl && item.img_video?.imgUrl?.length > 1" [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2}">
              <div class="img" *ngFor="let ite of item.img_video.imgUrl.slice(1,3);let i = index;" appDebounceClick (debounceClick)="openimgUrl(0,item.img_video.imgUrl)"
               [ngStyle]="item.img_video?.imgCssStyle | styleFilter" [ngClass]="{'newStyle':item.img_video?.videoUrl?.length + item.img_video?.imgUrl?.length === 2}">
                <img [src]="ite+'?x-oss-process=image/resize,m_fill,h_501'" [ngClass]="{'opacity': item.img_video.imgUrl.length > 2 && i === 1}">
                <div class="text" *ngIf="item.img_video.imgUrl.length > 2 && i === 1">
                  <span class="text-top">{{item.img_video.imgUrl.length}}图</span>
                  <span class="text-bottom">查看全部</span>
                </div>
              </div>
            </div>
          </ng-template>
        </div>
        <p *ngIf="item.label" class="project-label" [ngStyle]="item.labelCssStyle| styleFilter">{{item.label}}</p>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style55'">
      <div class="invoic-progress" [ngStyle]="item.cssStyle | styleFilter">
        <div class="background-img" [ngStyle]="item.imgBackgroundCssStyle | styleFilter">
          <img [src]="item.imgBackground">
        </div>
        <div class="img-style55" [ngStyle]="item.imgCssStyle | styleFilter" *ngIf="item.imageUrl">
          <img [src]="item.imageUrl">
        </div>
        <span class="label-style55" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label">{{item.label}}</span>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style56'">
      <div class="payment-process" [ngStyle]="item.cssStyle | styleFilter">
        <div class="payment-top">
          <span class="top-title" *ngIf="item.title" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
          <span class="top-label" *ngIf="item.label" appDebounceClick (debounceClick)="openPage(item.link)" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
        </div>

        <div class="payment-content" [ngStyle]="item.innerCssStyle | styleFilter">
          <ng-container *ngFor="let ite of item.data;let i = index;">
            <div class="item" *ngIf="ite.imageUrl !== undefined || ite.label !== undefined" [ngStyle]="ite.titleCssStyle | styleFilter">
              <img class="content-image" *ngIf="ite.imageUrl" [src]="ite.imageUrl" [ngStyle]="ite.imgCssStyle | styleFilter">
              <span class="content-label" *ngIf="ite.label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</span>
              <img class="content-icon" *ngIf="item.icon && i !== item.data.length - 1" [ngStyle]="item.iconCssStyle | styleFilter" [src]="item.icon">
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style57'">
      <div class="price-experience" [ngStyle]="item.cssStyle | styleFilter">
        <div class="item-tips" *ngIf="item.data && item.data.length > 1">
          <span [ngStyle]="item.titleCssStyle | styleFilter" class="item-tips-value">{{item.title}}</span>
          <div class="item-tips-triangle"></div>
        </div>
        <div class="item-content">
          <ng-container *ngFor="let ite of item.data;let i = index;">
            <span *ngIf="ite.title" class="item-content-title" [ngStyle]="ite.titleCssStyle | styleFilter">{{ite.title}}</span>
            <div class="item-content-right" [ngClass]="{'line-through': i !== 0}">
              <span *ngIf="ite.label" class="item-content-label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</span>
              <span *ngIf="ite.value" class="item-content-value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style58'">
      <div class="new-open-info" [ngStyle]="item.cssStyle | styleFilter">

        <div class="open-info-top" [ngStyle]="item.innerCssStyle | styleFilter">
          <span *ngIf="item.title !== undefined" class="open-info-title" [ngStyle]="item.titleCssStyle | styleFilter">{{item.title}}</span>
          <ion-toggle *ngIf="item.action.submit" mode="md" (ionChange)="switchButtonSystem2(item.action.submit)" [(ngModel)]="iSshowStyle58"
          [ngModelOptions]="{standalone: true}"></ion-toggle>
        </div>

        <ng-container *ngFor="let ite of item.data;">
          <div class="data-style58">
            <div class="data-label-style58" *ngIf="ite.label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</div>
            <div class="data-value-style58" *ngIf="ite.value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</div>
          </div>
        </ng-container>

        <div *ngIf="item.action?.label && item.action?.label.length > 0"  class="open-info-label" [ngStyle]="item.action?.labelCssStyle | styleFilter" 
          appDebounceClick (debounceClick)="openPage(item.action.link)">{{item.action?.label}}</div>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style59'">
      <div class="residential-list" [ngStyle]="item.cssStyle | styleFilter">
        <ng-container *ngFor="let ite of item.data">
          <div class="list-item" [ngStyle]="ite.cssStyle | styleFilter">
            <div class="item-label-style59">
              <div class="label-left" [ngStyle]="ite.labelCssStyle | styleFilter">
                <img [ngStyle]="ite.iconCssStyle | styleFilter" [src]="ite.icon" *ngIf="ite.icon" />
                <div [ngStyle]="ite.titleCssStyle | styleFilter">{{ite.title}}</div>{{ite.label}}
              </div>
              <div class="label-right" appDebounceClick (debounceClick)="openPage(ite.link)">
                <span class="labelRight" [ngStyle]="ite.labelRightCssStyle | styleFilter">{{ite.labelRight}}</span>
                <img [ngStyle]="ite.imgCssStyle | styleFilter" [src]="ite.imageUrl" />
              </div>
            </div>
            <p class="item-value" *ngIf="ite.value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</p>
          </div>
        </ng-container>
      </div>
    </ng-container>

    <ng-container *ngSwitchCase="'style60'">
      <div class="service-center-topDiv" [ngStyle]="item.cssStyle | styleFilter">
        <div class="service-item-one" [ngStyle]="item.data[0]?.cssStyle| styleFilter">
          <ng-container *ngFor="let ite of item.data?.slice(0,3);let i = index;">
            <div class="itemDiv" appDebounceClick (debounceClick)="openPage(ite.link)">
              <span class="item-unit-style60" [ngStyle]="ite.unitCssStyle | styleFilter">{{ite.unit}}</span>
              <div class="item-right-style60">
                <span class="one-label" [ngStyle]="ite.subLabelCssStyle | styleFilter">{{ite.subLabel}}</span>
                <span class="one-value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
              </div>
            </div>
          </ng-container>
        </div>
        <div class="service-item-two" [ngStyle]="item.data[3]?.cssStyle| styleFilter">
          <ng-container *ngFor="let ite of item.data.slice(3,6);let i = index;">
            <div class="itemDiv" appDebounceClick (debounceClick)="share(ite.link)">
              <img *ngIf="ite.icon" [ngStyle]="ite.iconCssStyle | styleFilter" [src]="ite.icon">
              <span class="two-label" [ngStyle]="ite.labelCssStyle | styleFilter">{{ite.label}}</span>
              <span class="two-value" [ngStyle]="ite.valueCssStyle | styleFilter">{{ite.value}}</span>
            </div>
          </ng-container>
        </div>
      </div>
    </ng-container>        
    <ng-container *ngSwitchCase="'style61'">
      <div class="download-bg" [ngStyle]="item.cssStyle | styleFilter">
        <ng-container *ngIf="item.title && item.title.length > 0">
          <p [ngStyle]="item.titleCssStyle | styleFilter" class="download-title">{{item.title}}</p>
        </ng-container>
        <ng-container *ngFor="let it of item.data">
          <div class="item-file" [ngStyle]="it.valueCssStyle | styleFilter" >
            <div class="file-bg" [ngStyle]="it.showValueCssStyle| styleFilter">{{it.label.split('.').pop()}}</div>
            <div class="file-name" [ngStyle]="it.valueNCssStyle | styleFilter">{{it.label}}</div>
            
            <span class="download-label" *ngIf="it.link && it.link.target" [ngStyle]="tagData.editCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">下载附件</span>
          </div>
        </ng-container>
        
        
      </div>
    </ng-container>   
  </ng-container>  



</div>